<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@include file="../../common/jspcommon.jsp"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>

<%@include file="../../common/js.jsp" %>
<%@include file="../../common/css.jsp" %>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<style type="text/css">
	.validate_error{color: #f69; padding:0 0 0 10px;}
</style>
<title>果果街--找回密码</title>
</head>
<body>
<%@include file="../../common/header.jsp" %>
<div class="w100p pt35 pb35">
    	<div class="w980 mg ">
            <div class="box_s6">
                <div class="l_r_box">
                	<h1>通过邮箱找回密码</h1>	
                    <div class="main_box" id="div1">
                    
                    	<form action="/member/findpwd.htm" method="post" id="findPwdForm">
                    	<ul class="l_r_layout">
                        	<li>
                            	<label class="def_lbl">注册邮箱：</label><input type="text" class="def_text_1 focus" name="email" id="email"/>
                            </li>
                            <li>
                            	<label class="def_lbl">验证码：</label><input type="text" class="def_text_1 focus" name="code"/><br>
                            	<span style="margin: 10px 0 0 100px;display: block"><img id="yzm"/><a href="javascript:void(0)" id="next">换一张</a></span>
                            </li>
                            <li>
                            	<p style="margin: 10px 0 0 110px;">输入您登陆果果街的邮箱及验证码，点击发送按钮即可重新设置密码。<br>出于安全考虑请在10分钟内完成。</p>
                            </li>
                            <li class="special">
                           		<input type="submit" class="btn_s1" value="发&nbsp;送" />
                            </li>
                        </ul>
                        </form>
                    </div>
                    <div class="main_box" style="display: none;" id="div2">
                    	<p>修改密码的链接已经发送到您的邮箱，请查收并设置新密码！<br>请在10分钟内点击邮箱中的密码重置链接，即可进行密码重置</p>
                    </div>
                </div>
                <p class="lr_copy">©2011-2012 果果街 增值电信业务经营许可证：沪B2-20110080 沪ICP备11003519号</p>
                <div class="shadow"></div>
            </div>
       	</div>		
    </div>
	<script type="text/javascript">
	$(function(){
		$("#next").click(function(){
			$("#yzm").attr("src","/member/vertifimg.htm?time="+(new Date()).getTime());
		});
		$("#yzm").attr("src","/member/vertifimg.htm?time="+(new Date()).getTime());
		$("#findPwdForm").validate({
			errorClass:"validate_error",
			rules : {
				email : {
					required : true,
					email : true
				},
				code : {
					required : true
				}
			},
			messages : {
				email : {
					required : "请填写你的注册邮箱",
					email :"请填写正确邮箱格式"
				},
				code : {
					required : "请填写验证码"
					
				}
			},
			submitHandler:function(form) {
				$(form).ajaxSubmit(function(data){
					if(data=="success"){
						$("#div1").hide();
						$("#mEmail").html($("#email").val());
						$("#div2").show();
					}
				});
			}
		});
	});
</script>
</body>
</html>
